<script setup></script>
<template>
  <div class="miaowu">
    <div class="miaowu_top">
      <img class="img1" src="../../assets/下载.png" alt="" />
      <div class="img_left">
        <img class="img2" src="../../assets/下载 (1).png" alt="" />
        <img class="img3" src="../../assets/下载 (2).png" alt="" />
      </div>
    </div>
    <div class="miaowu_main">
      <van-tabs v-model:active="active">
        <van-tab title="广场"> </van-tab>
        <van-tab title="图书勘误">内容 2</van-tab>
        <van-tab title="关注">内容 3</van-tab>
      </van-tabs>
    </div>
  </div>
</template>
<style lang="scss" scoped>
.miaowu {
  width: 100vw;
  height: 100vh;

  .miaowu_top {
    width: 100%;
    height: 130px;
    background: url(../../assets/header_bar.72fa2a02.png) no-repeat;
    background-size: 100% 100%;
    display: flex;

    .img1 {
      width: 180px;
      height: 70px;
      margin-top: 30px;
      margin-left: 30px;
    }

    .img_left {
      margin-top: 5%;
      margin-left: 50%;

      .img2 {
        width: 40px;
      }

      .img3 {
        width: 40px;
        margin-left: 50px;
      }
    }
  }
}
</style>
